<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>热门活动</title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			li{
				list-style: none;
			}
			#main{
				width: 700px;
				/* border: 2px solid red; */
			}
			#main #header{
				width: 600px;
			}
			#main #header .hot{
				/* float: left; */
			}
			#main #header .more{
				float: right;
			}
			#main #hotp li{
				float: left;
			}
			#main #hotp li p{
				font-size:14px;
				line-height: 30px;
				
			}
			#main #hotp li img{
				height: 106px;
				width: 297px;
			}
		</style>
	</head>
	<body>
		<div id="main">
			<div id="header">
				<h3 class="more">更多</h3>
				<h3 class="hot">热门活动</h3>
				
			</div>
			<ul id="hotp">
				<li>
					<img src="img/img1.png"/>
					<p>推荐活动 | 原创音乐现金榜T榜</p>
				</li>
				<li>
					<img src="img/img2.png"/>
					<p>推荐节目|《TAImusic》爆笑来袭</p>
				</li>
				<li>
					<img src="img/img3.png"/>
					<p>推荐歌单 | 继续宠爱张国荣</p>
				</li>
				<li>
					<img src="img/img4.png"/>
					<p>推荐活动| 330金属音乐巡演 成都小酒馆音乐空间</p>
				</li>
			</ul>
		</div> 
	</body>
</html>